#minipageDistance {
    width:1px;
    height:50%;
    background-color:#fc6;
    margin-bottom: -180px; /* half of container's height */
    float:left;
}

#minipageWindow {
    margin:0 auto;
    position:relative; /* puts container in front of distance */
    text-align:left;
    width: 394px;
    clear:left;
    background-color:#FFFFFF;
    border:1px solid #c93;
    border-color:#8d8d8d;
    border-radius: 10px 10px;
    -moz-box-shadow: 5px 5px 5px #888888;
    -webkit-box-shadow: 5px 5px 5px #888888;
    box-shadow: 5px 5px 5px #888888;
}
#minipageWindow #minipageTitle {
    text-align: center;
    background-image: url('../images/title.jpg');
    border-bottom: solid 1px #8d8d8d;
    color: #666666;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    padding: 5px;
    font-weight: bold;
}
#minipageWindow #minipageContent {
    color: #000000;
    padding: 16px;
    text-align: center;
    border-bottom-left-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
}
.button {
    text-align: center;
    background-image: url('../images/title.jpg');
    border-bottom: solid 1px #8d8d8d;
    color: #666666;
    padding: 6px;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    text-decoration: none;
}
#minipageWindow #minipageContent h1 {
    font-size: 1.2em;
}